;(function () {
	let isMore = {
		template: `<div class="is-more absolute" style="right: 0;top: 0;height:40px;">
			<span class="icon-GM-more line-height-40 cursor" @click="isMoreButton" style="font-size:21px;">
				<span class="path1"></span><span class="path2"></span>
			</span>
			<div @mouseleave="mouseleaveOut" v-if="flag" class="absolute z-50 bg-fff br-4 plr-10 is-more-op" style="right: 0;top: 0;height:40px;height:40px;white-space: nowrap;min-width:123px;box-shadow: 0 0 18px rgba(80, 80, 80, 0.35);">
				<slot></slot>
			</div>
		</div>`,
		data () {
			return {
				flag: false
			}
		},
		methods: {
			isMoreButton () {
				this.flag = true;
			},
			mouseleaveOut () {
				this.flag = false;
			}
		}		
	}
	Vue.component('is-more', isMore)
} ())